<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>{$datainfo.typename}</title>
<link rel="stylesheet" href="/IndexPublic/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="/IndexPublic/yangsheng/css/20160426.css" type="text/css">
<link rel="stylesheet" href="/IndexPublic/yangsheng/css/style1.css" type="text/css">
<link rel="stylesheet" href="/assets/css/swiper.min.css" type="text/css">
<script type="text/javascript" src="/IndexPublic/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/IndexPublic/js/bootstrap.min.js"></script>
<style type="text/css">
<if condition="$Think.get.type eq 84">
.tabnav li.hover{border-bottom:solid 2px #cf0300; background:#cf0300;}
.tabnav li:hover{border-bottom:solid 2px #cf0300; background:#cf0300;}
.tabnav li a{color:#cf0300;}
</if>
</style>
<script type="text/javascript">
$(function(){
	$("a.bpublic:odd").css({"float":"right"});
})
</script>
</head>
<body>
<section class="wrap">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <volist name="bannerlist" id="banner">
                <div class="swiper-slide">
                    <if condition="$banner['bannerlink'] neq ''">
                        <a href="{$banner['bannerlink']}"><img src="{$banner['bannerimg']}"></a>
                        <else />
                        <img src="{$banner['bannerimg']}">
                    </if>
                </div>
            </volist>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <script src="/assets/js/swiper.min.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false
        });
    </script>


    <div class="tabnav">
        <div class="ulnav clearfix">
        	<ul>
        	<volist name='allinfo' id='v'>
        	<if condition="$v['pid'] eq $doid">
            <li><a>{$v['typename']}</a></li>
            </if>
            </volist>
            </ul>
        </div>
    </div>
    <div class="tablist">
    	<volist name='allinfo' id='v'>
    	<if condition="$v['pid'] eq $doid">
        <section class="mvot_list clearfix">
        
        	<volist name='datalist' id='articlev'>
        	<if condition="$articlev['type'] eq $v['id']">
            <a href="<if condition="$articlev['y_link'] neq ''">{$articlev['y_link']}<else />{:U('ysarticle',array('id'=>$articlev['id']))}</if>" class="product-list clearfix">
                <div class="pic-box"><img src="{$articlev['y_img']}"></div>
                <div class="content">
                    <h4>{$articlev['y_title']}</h4>
                    <span>{$articlev.content|strip_tags|msubstr=0,34}</span>
                </div>
            </a>
            </if>
            </volist>
            
        </section>
        </if>
        </volist>
    </div>

</section>
<script type="text/javascript">
    $(function(){
        var lilengt = 0;
        var obj = $(".tabnav");
        $(".ulnav li:first").addClass('hover');
		$(".mvot_list:first").show();
        obj.find("li").each(function(index, element) {
            var t = $(this);
            lilengt += eval(t.width());
            t.click(function(){
            $(this).addClass("hover").siblings().removeClass("hover"); 
			$(".mvot_list:eq("+index+")").show().siblings().hide();
            })
        }); 
        $(".tabnav .ulnav").css({"width":lilengt+10+"px"});

        var len=$(".ulnav li").length;
        if (len==1) {
            $(".tabnav li").css({
                "width": '100%'
            });
            $(".tabnav .ulnav").css({"width":"100%"});
        };
        if (len==2) {
            $(".tabnav li").css({
                "width": '50%'
            });
            $(".tabnav .ulnav").css({"width":"100%"});
        };
        if (len==3) {
            $(".tabnav li").css({
                "width": '33.3%'
            });
            $(".tabnav .ulnav").css({"width":"100%"});
        };
        if (len==4) {
            $(".tabnav li").css({
                "width": '25%'
            });
            $(".tabnav .ulnav").css({"width":"100%"});
        }
    })
</script>

</body>
</html>